<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/common.jsp"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>搜索职位</title>
<link rel="stylesheet"
	href="${url}/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="${url}/css/header.css" />
<link rel="stylesheet" href="${url}/css/common.css" />
<link rel="stylesheet" href="${url}/css/position-search.css" />
<link rel="stylesheet" href="${url}/css/select-city.css" />
<link rel="Shortcut Icon" href="${url}/img/favicon.ico">
</head>
<body>
	<%@ include file="/WEB-INF/view/common/header.jsp"%>

	<div class="index-wrapper" id="wrapper">
		<div class="float-wrapper">
			<div class="wrap-header">
				<span>切换城市</span> <span id="close"
					style="float: right; font-size: 30px; cursor: pointer;">x</span>
			</div>
			<div class="changecity-header">
				<span style="font-size: 22px;">亲爱的用户您好：</span><br />
				<br /> <span>切换城市分站，让我们为您提供更准确的职位信息。</span>
			</div>
			<div class="city-wrapper">
				<ul id="citys">
					<li><a href="${url}/javascript:void(0)" class="active">全国站</a>
					</li>
					<li><a href="${url}/javascript:void(0)">北京站</a></li>
					<li><a href="${url}/javascript:void(0)">上海站</a></li>
					<li><a href="${url}/javascript:void(0)">杭州站</a></li>
					<li><a href="${url}/javascript:void(0)">广州站</a></li>
				</ul>
			</div>
			<div class="float-footer">其他城市正在开通中，敬请期待~</div>
		</div>
	</div>

	<div class="search-header">
		<div class="search-header-center">
			<form action="${url }/pub/Pub/CompanyPositionSearch.action"
            method="post" id="conditionForm">
				<input type="text" class="text" name="positionEntity.name" value="${positionEntity.name }"
					style="width: 738px; height: 48px; border: none; outline-color: #00B38A; line-height: 48px; font-size: 16px; color: #333333; padding: 0px 20px;"
					placeholder="UI" /> <input type="submit" value="搜索" class="button"
					style="width: 146px; height: 48px; line-height: 48px; text-align: center; background: #00B38A; border: none; color: white; font-size: 16px;" />
			</form>
			<div class="tip">
				共为您搜索<b>${pageModel.totalRecords }</b>个相关职位
			</div>
		</div>
	</div>

	<div class="search">
		<div class="search-main">
			<div class="search-main-left">
				<div class="left-header">
					<ul class="work-exp item">
						<li class="blod">工作经验：</li>
						<li class="active">不限</li>
						<li>实习生</li>
						<li>应届毕业生</li>
						<li>1~3年</li>
						<li>3~5年</li>
						<li>5~10年</li>
						<li>10年以上</li>
					</ul>
					<ul class="degree-req item">
						<li class="blod">学历要求：</li>
						<li class="active">不限</li>
						<li>大专</li>
						<li>本科</li>
						<li>硕士</li>
						<li>博士</li>
						<li>其他</li>
					</ul>
					<ul class="company-nature item">
						<li class="blod">公司性质：</li>
						<li class="active">不限</li>
						<li>民营企业</li>
						<li>国有企业</li>
						<li>外资企业</li>
						<li>其他</li>
					</ul>
					<ul class="company-scale item">
						<li class="blod">公司规模：</li>
						<li class="active">不限</li>
						<li>50人以下</li>
						<li>51~100人</li>
						<li>101~500人</li>
						<li>501~1000人</li>
						<li>1000人以上</li>
					</ul>
					<ul class="industry-field item drop-down">
						<li class="blod">行业领域：</li>
						<li class="option-box">
							<div class="option">
								<span class="change">不限</span> <i
									class="fa fa-sort-desc triangle"></i>
								<div class="every-options">
									<ul>
										<li>不限</li>
										<li>互联网</li>
										<li>房地产</li>
										<li>餐饮</li>
										<li>医药</li>
										<li>农林</li>
										<li>能源</li>
										<li>化工</li>
										<li>机械</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
					<ul class="salary-range item drop-down">
						<li class="blod">薪资范围：</li>
						<li class="option-box">
							<div class="option">
								<span class="change">不限</span> <i
									class="fa fa-sort-desc triangle"></i>
								<div class="every-options">
									<ul>
										<li>不限</li>
										<li>2k以下</li>
										<li>2k~5k</li>
										<li>5k~10k</li>
										<li>10k~15k</li>
										<li>15k~25k</li>
										<li>25k~50k</li>
										<li>50以上</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="list-wrap">
					<c:forEach items="${pageModel.list }" var="position" varStatus="v">
						<div class="list-item-top">

							<div class="p-top">

								<a
									href="${url}/pub/Pub/PositionDetails.action?position.id=${position.id}"
									title="${position.name }[${position.province$name }-${position.city$name }]">${position.name }[${position.province$name }-${position.city$name }]</a>
								<time>
									<fmt:formatDate value="${position.publishTime }"
										pattern="yyyy-MM-dd HH:mm" />
								</time>
							</div>
							<div class="span-top">
								<span style="font-size: 16px; color: red;">${position.salaryBegin }-${position.salaryEnd }</span>&nbsp;&nbsp;
								<span style="font-size: 14px; color: #5D5D5D;">${position.workExperienceStr }/${position.educationStr }</span>
							</div>

							<div class="company-name">
								拉勾网 <img class="item-picture" src="${url}/img/V1.png"
									style="width: 19px; height: 19px;" />
							</div>
							<div class="industry">企业服务,招聘 / 成熟型(C轮)</div>
							<div class="industry-image">
								<img src="${url}/img/V2.png" style="width: 60px; height: 60px;" />
							</div>
							<div>${(pageModel.pageNo-1) * pageModel.pageSize + v.count}
							</div>
							<div class="list-bottom">
								<span class="list-text">" ${position.job} "</span>
								<div class="list-li">
									<ul>
										<c:forEach items="${position.treatments}" var="treatment"
											begin="0" end="4">
											<li>${treatment }</li>
										</c:forEach>
									</ul>
								</div>
							</div>

						</div>
					</c:forEach>
				</div>

					<div class="main-left-footer">
					<ul style="width: 620px" >
						<li><a href="javascript:Query('<%=request.getContextPath()%>/pub/Pub/CompanyPositionSearch.action?pageModel.pageNo=${pageModel.first}');">首页</a></li>
						<li><a href="javascript:Query('<%=request.getContextPath()%>/pub/Pub/CompanyPositionSearch.action?pageModel.pageNo=${pageModel.pre}')">上一页</a></li>
						<li><a href="javascript:Query('<%=request.getContextPath()%>/pub/Pub/CompanyPositionSearch.action?pageModel.pageNo=${pageModel.two}')">2</a></li>
						<li><a href="javascript:Query('<%=request.getContextPath()%>/pub/Pub/CompanyPositionSearch.action?pageModel.pageNo=${pageModel.three}')">3</a></li>
						<li><a href="javascript:Query('<%=request.getContextPath()%>/pub/Pub/CompanyPositionSearch.action?pageModel.pageNo=${pageModel.next}')">下一页</a></li>
						<li><a href="javascript:Query('<%=request.getContextPath()%>/pub/Pub/CompanyPositionSearch.action?pageModel.pageNo=${pageModel.last}')">首页</a></li>
						<li><a href="">共${pageModel.totalRecords }条记录.</a></li>
						<li><a href="">这是第${pageModel.pageNo }页.</a></li>
						</ul>
				</div>

			</div>

			<div class="search-main-right">
				<span class="title">最近浏览过</span>
				<div class="p-list-item">
					<span class="BD"> <a href="${url}/javascript:void(0)">BD经理</a><br />
						<span style="font-size: 13px; color: red;">6K-12K</span>
						<p style="font-size: 12px; color: #777777;">e签宝</p>
					</span>
				</div>
				<div class="p-list-item">
					<span class="BD"> <a href="${url}/">项目助理</a><br /> <span
						style="font-size: 13px; color: red;">6K-12K</span>
						<p style="font-size: 12px; color: #777777;">e签宝</p>
					</span>
				</div>
				<div class="p-list-item">
					<span class="BD"> <a href="${url}/">项目助理</a><br /> <span
						style="font-size: 13px; color: red;">6K-12K</span>
						<p style="font-size: 12px; color: #777777;">e签宝</p>
					</span>
				</div>
				<a href="${url}/app.html" class="app-ad"></a>
			</div>
		</div>
		<div style="clear: both; margin-bottom: 80px;"></div>
	</div>


	<%@ include file="/WEB-INF/view/common/footer.jsp"%>
	<script type="text/javascript">
		var conditionForm = document.getElementById("conditionForm");
		function Query(url) {
			conditionForm.action = url;
			conditionForm.submit();
		}
	</script>
	<script src="${url}/vendor/jquery.min.js"></script>
	<script src="${url}/vendor/jquery.cookie.js"></script>
	<script src="${url}/js/select-city.js"></script>
	<script src="${url}/js/common.js"></script>
	<script src="${url}/js/position-search.js"></script>
</body>
</html>
